$(function(){
    // 1：登录区与注册区的切换
    $('#reg-login').on('click',function(){
        // 登录区域隐藏
        $('.login-c').hide()
        // 注册框显示
        $('.reg-c').show()
    })

    $('#go-login').on('click',function(){
        // 登录区域显示
        $('.login-c').show()
        // 注册框隐藏
        $('.reg-c').hide()
    })

    // 2:设置表单验证的规则
    // 导入layui的form的验证模块
    const form  = layui.form
    form.verify({
        username: [/^[a-z0-9]{5,10}$/i, '用户名必须为5-10位的数字或字母'],
        password:[/^\S{6,12}$/,'密码必须6-12位，并且不能为空格'],
        rppassword:function(value){
           const qwq = $('.reg-link [name=password]').val()
           if(value != qwq){
               return '两次密码不相同'
           }
        }
    })

    // 3：监听注册表单的提交 实现注册功能
    const layer = layui.layer
    $('.reg-form').on('submit',function(){
        const data = form.val('reg-form')
        $.post('http://back.zeng.pub/event/api/reguser',data)
        .then(res =>{
            if(res.status != 0){
                return layer.msg('注册失败')
            }
            layer.msg('注册成功')
            $('#go-login').click()
        })
       this.reset('')
        return false
    })
    // 4 监听登录表单 实现登录功能
    $('#login-res').on('submit',function(){
        const data = form.val('rg-log')
        console.log(data);
        $.post('http://back.zeng.pub/event/api/login',data)
        .then(res =>{
            if(res.status != 0){
                return layer.msg('登录失败')
            }
            layer.msg('登录成功')
            // 将token保存到本地
            localStorage.setItem('HANG_ZIWEN',res.token)
            location.href ="/index.html"
        })
        return false
    })
})